<template>
	<div style="height:500px;width:500px;position:relative;">
		<minder
			ref="minder"
			@exportData="exportData"
			AccessKey="cTVaSHuahYgy-4Qvbo5LewAd5Add5625w2LSuF_5"
			SecretKey="ZEJvO2-zNNE07p8DpPIBtyejt_BYf2SxZ7pbsMR7"
			Domain="http://puo3hd5oc.bkt.clouddn.com"
			scope="jm"
			:importData="importData"
			@saveData="saveData"
			:template="template"
			:theme="theme"
			>
		</minder>
	</div>
</template>
<script>
export default {
	data() {
		return {
      template: 'structure',
      theme: 'fresh-blue',
			importData: {
				// data: { text: 'Design project', id: 2 },
				// children: [
				// 	{
				// 		data: { text: 'Designsy', id: 3 },
				// 		children: [
				// 			{
				// 				data: { text: 'Designsy', id: 4 },
				// 				children: [{ data: { text: 'Designsy', id: 5 } }, { data: { text: 'Designsy', id: 5 } }, { data: { text: 'Designsy', id: 5 } }]
				// 			},
				// 			{ data: { text: 'Designsy', id: 5 } },
				// 			{ data: { text: 'Designsy', id: 62 } },
				// 			{ data: { text: 'Designsy', id: 73 } },
				// 			{ data: { text: 'Designsy', id: 84 } }
				// 		]
				// 	},
				// 	{ data: { text: 'Designsy', id: 9 } },
				// 	{ data: { text: 'Designsy', id: 102 } },
				// 	{ data: { text: 'Designsy', id: 113 } },
				// 	{ data: { text: 'Designsy', id: 124 } }
				// ]
			}
		}
	},
	methods: {
		exportData(data) {
			console.log(data);
		},
		saveData(data) {
			console.log(data);
		}
	}
};
</script>
